<script setup lang="ts">
import { ref } from 'vue'

// 是否显示编辑器对话框
const isShowEditor = ref<boolean>(false)
const showEditor = () => {
  isShowEditor.value = true
}
</script>

<template>
  <div class="server-add">
    <n-popover trigger="hover">
      <template #trigger>
        <n-button type="primary" dashed @click="showEditor">新增</n-button>
      </template>
      <span>新增服务器</span>
    </n-popover>
  </div>
  <ServerEditor v-model:show="isShowEditor" is-add />
</template>

<style scoped>

</style>
